<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>背景属性</title>
		<style>
			body{
				height:100000000px ;
				background-image: url(img/94f6277dc8033a4efdbaf449c023a37.jpg);
				background-size: cover;
				/* 函数 cover 等比例放大图片 特点：原图比例放大存背景空间
				 【开发者：背景图大小是否等于背景空间】
				 contain 等比例放大图片 特点：图片按照比例缩放背景空间
				 【开发者：背景图等比例显示在背景空间】
				 */
				/* 背景附件--尺寸中存在cover或者contain */
				 background-attachment: fixed; 
				 /* 背景图固定 scroll 不固定 */
			}
			div{
				width: 300px;
				height: 300px;
				background-color: #fff000;
				background: #e4393c;
				background-image: url(img/imge/p_small_003.jpg);
				/* 问题：超大图不显示 小图显示
				 注意：背景空间大小 如果图小于背景空间---平铺
				 */
				background-repeat: no-repeat;
				/* no-repeat不平铺 repeat-x：y 横 纵向平铺 */
				background-size: 100%;
			}
		</style>
	</head>
	<body>
		Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quo ipsam tenetur, nam repudiandae obcaecati error pariatur facilis eveniet nihil, temporibus illum recusandae non facere veritatis aliquid! Nemo dolor unde fuga!
		Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusantium enim exercitationem laudantium, debitis earum, aliquam fuga atque obcaecati placeat recusandae blanditiis dolorem libero temporibus officia ipsum ut mollitia eius quos!
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores similique accusantium esse adipisci eaque perferendis numquam culpa molestiae suscipit maiores, aspernatur ad, unde est necessitatibus nesciunt distinctio quia doloribus cumque?
		
		<!-- html-img图片 引入一张图片 位置不可随意改变
		 css 背景图片 引入一张图片 位置可以任意改变
		 子属性 background-color 背景颜色
		       background-imge 背景图
		 复合属性 background  替代子属性
		 -->
		 <div></div>
	</body>
</html>